<html><head> 
        <title>jQuery Address State</title> 
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <link type="text/css" href="styles.css" rel="stylesheet">
        <script type="text/javascript"> 
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-56538-1']);
            (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
            })();
        </script><script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="jquery.address-1.3.min.js?state=/jquery/address/samples/state"></script>
        <script type="text/javascript">

            $.address.init(function() {

                // Initializes the plugin
                $('.nav a').address();
                
            }).change(function(event) {

                // Selects the proper navigation link
                $('.nav a').each(function() {
                    if ($(this).attr('href') == ($.address.state() + event.path)) {
                        $(this).addClass('selected').focus();
                    } else {
                        $(this).removeClass('selected');
                    }
                });

                // Handles response
                var handler = function(data) {
                    $('.content').html($('.content', data).html()).show();
                    $.address.title(/>([^<]*)<\/title/.exec(data)[1]);
                };

                
            });

            // Hides the tabs during initialization
            document.write('<style type="text/css"> .content { display: none; } </style>');
            
        </script><style type="text/css"> .content { display: none; } </style> 
    </head> 
    <body> 
        <div class="page"> 
            <h1>jQuery Address State</h1>
            <ul class="nav"><li><a href="/jquery/address/samples/state/" address="true">Home</a></li><li><a href="/jquery/address/samples/state/about" address="true">About</a></li><li><a href="/jquery/address/samples/state/portfolio" address="true">Portfolio</a></li><li><a href="/jquery/address/samples/state/contact" class="selected" address="true">Contact</a></li></ul>
            <div class="content" style="display: block; "><p>Contact content.</p></div>
        </div>
     
</body></html>